.container {
  padding: 20px;

  .header {
    margin-bottom: 24px;
    display: flex;
    justify-content: flex-end;

    .searchInput {
      max-width: 400px;
      width: 100%;
      
      :global {
        .ant-input-affix-wrapper {
          user-select: none;
          border-radius: 30px 0  0 30px;
          overflow: hidden;
          border: 1px solid #a680b9;
          box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
          height: 44px;
          .ant-input {
            font-size: 16px;
            padding-left: 20px;
            &::placeholder {
              color: #a680b9;
            }
          }
        }
        
        .ant-input-group-addon {
          user-select: none;
          padding-right: -40px;
          border: none;
          height: 42px;
          .ant-btn {
            height: 100%;
            border-radius: 0 30px 30px 0;
            background: #a680b9;
            border: none;
            color: #fff;
            font-size: 20px;
            padding: 0 25px;
            
            &:hover {
              background: #9670a9;
            }
          }
        }
      }
    }
  }

  .agentGrid {
    margin-top: 20px;
  }

  .loading {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 300px;
  }
}

.tabs {
  margin-top: -69px;
  :global {
    .ant-tabs-nav{
      margin-right: 400px;
    }
    .ant-tabs-nav::before{
      display: none;
    }
    .ant-tabs-nav .ant-tabs-tab  {
      background-color: #fff; /* 激活背景颜色颜色 */
      border-radius: 20px;
      border: 1px solid #a680b9;
      width: 200px;
      height: 44px;
      font-size: 18px;
      justify-content: center;
      user-select: none; /* 禁止文本选择 */
      cursor: pointer; /* 确保鼠标样式为指针 */
    }
    .ant-tabs-nav .ant-tabs-tab-active {
      background-color: #a680b9; /* 激活背景颜色颜色 */
      border-radius: 20px;
      width: 200px;
      justify-content: center;
    }
    .ant-tabs-nav .ant-tabs-ink-bar {
      display: none;
    }
    .ant-tabs-tab.ant-tabs-tab .ant-tabs-tab-btn {
      color: #a680b9; /* 激活状时文本颜色 */
      user-select: none; /* 禁止文本选择 */
      cursor: pointer; /* 确保鼠标样式为指针 */
    }
    .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn {
      color: #fff; /* 激活状时文本颜色 */
    }
    .ant-tabs-tab:hover {
      color: #a680b9; /* hover 颜色 */
      opacity: 0.5;
    }
  }
}